import React from 'react'
import styles from './index.module.scss'
import Title from '@/components/Title'
import { Carousel } from 'antd';

export default function EquipmentUsage() {
    return (
        <div className={styles.equipment_usage_container}>
            <Title titleDescription={'认知设备使用情况'}>
                <div className='equipment-usage-container-annotation'>
                    设备数:
                    <span>
                        58
                    </span>
                </div>
            </Title>

            <div className={styles.content}>
                <div className={styles.use}>
                    <div className={`${styles.state}`}><div className={styles.dian}></div>空闲中</div>
                    <div className={styles.device_number}>T1</div>
                    <div className={styles.train_number}>训练次数<span>329</span></div>
                    <div className={styles.region}>投放区域：巴中市巴州区XX社区医院</div>
                    <div className={styles.time}>投放时间：2025年1月1日</div>
                </div>
                <div className={styles.use}>
                    <div className={`${styles.state} ${false ? '' : styles.inUse}`}><div className={styles.dian}></div>使用中</div>
                    <div className={styles.device_number}>T2</div>
                    <div className={styles.train_number}>训练次数<span>329</span></div>
                    <div className={styles.region}>投放区域：巴中市巴州区XX社区医院</div>
                    <div className={styles.time}>投放时间：2025年1月1日</div>
                </div>
            </div>
        </div>
    )
}
